<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>人事档案修改</title>


<script type="text/javascript" src="js/jquery-1.8.3.js"></script>

<script type="text/javascript">
	
	
	$(function(){
	$(".dl1").toggle(function(){
		$(this).children().addClass("jiantou2").removeClass("jiantou1");
		$(this).parent().removeClass("blue").addClass("black").siblings().show();
		
		
	},function(){
		$(this).parent().removeClass("black").addClass("blue").siblings().hide();
		$(this).children().addClass("jiantou1").removeClass("jiantou2");
	});
	
});

	
	
	function current(){ 
	var d=new Date(),str=''; 
	str +=d.getFullYear()+'年'; //获取当前年份 
	str +=d.getMonth()+1+'月'; //获取当前月份（0——11） 
	str +=d.getDate()+'日'; 
	var i=d.getDay();
	if(i==1){
		var s="周一"
		}
		if(i==2){
		var s="周二"
		}
		if(i==3){
		var s="周三"
		}
		if(i==4){
		var s="周四"
		}
		if(i==5){
		var s="周五"
		}
		if(i==6){
		var s="周六"
		}
		if(i==7){
		var s="周日"
		}
	str +="&nbsp;"+s+"&nbsp;";	
	var h=d.getHours(); 
		if(h>12){
			h="下午&nbsp;"+(h-12)
			}else{
				h="上午&nbsp;"+h
				}
	str +=h+'&nbsp;:';
	str +='&nbsp;'+d.getMinutes(); 
	 		
	return str; 
	} 
	setInterval(function(){$("#time").html(current)},1000); 
</script>
<style type="text/css">
	*{margin:0;padding:0;color:#333333;}
	li{list-style-type:none;}
	table{border:#CCCCCC 1px solid;}
	a{text-decoration:none;}
	
	a:link{color:#blue;}
	a:visited{color:#D6D6D6;}
	a:hover{color:#FF00FF;}
	a:active{color:black; }
	
	#h111 ul{overflow:hidden}
	#h111 ul li{float:left}
	
	#h112 ul{overflow:hidden}
	#h112 ul li{float:left}
	
	
	#h113 #table1{font-size:14px}
	#h113 #table1 .td1{width:224px;}
	#h113 #table1 .td2{width:82px;}
	#h113 #table1 .td3{width:89px;}
	#h113 #table1 .td4{width:95px;}
	#h113 #table1 .td5{width:108px;}
	#h113 #table1 .td6{width:154px;}
	
	#L0{width:325px;height:1002px;float:left;}
	.dl1{width:18px;height:18px;background-image:url(image/magage/u25.png);float:right;position:relative;margin-top:5px;margin-right:8px;}
	.dl11{width:8px;height:7px;position:absolute;top:5px;left:5px;background:url(image/magage/u30.png) no-repeat; z-index:1;}
	#L1{width:195px;float:left;}
	
	.blue{background-image:url(image/magage/u24.png);}
	.black{background-image:url(image/magage/u19.png);}
	
	.jiantou1{background:url(image/magage/u30.png) no-repeat center;}
	.jiantou2{background:url(image/magage/u29.png) no-repeat center;}
	
	dt{color:#FFFFFF;background:url(image/magage/u24.png) no-repeat;font-size:15px;height:30px;line-height:30px;padding-left:10px;}
	
	dd{display:none;font-size:14px;color:#2977A8;border-bottom:#000000 1px solid;height:27px;
	line-height:27px;border-right:#000000 1px solid;border-left:#000000 1px solid;}
	
	#L1 div{margin-bottom:3px;}
	#title ul li{float:left;margin-right:12px;}
	#title ul li a{margin-left:18px;}
	
	
	.w1{ margin-left:30px; margin-top:5px}
	table{ margin-left:10px; margin-top:10px}
	.photo{ width:150px; height:200px; margin-top:-70px; text-align:center}
	.tijiao{ margin-left:200px; margin-top:20px; }
	.jiao{ margin-left:50px; background-color:#4587E4; color:#FFF; font-size:16px; font-weight:bolder;  height:80px; border-radius:8px;  border:1px}
	.jian{ font-size:12px}
	a{align:center; padding-right:40px;width:100px;}
	td{ font-size:13px}
</style>

</head>

<body>
	<div id="all" style="width:1050px;height:2000px;margin:0 auto;">
    	<div style="border: 1px solid red;width: 1030px; height:100px;background-color:white;margin-top:32px;">
        	<div style="float:left;">
            	<p style="font-size:40px;font-weight:bolder;padding-top:32px;margin-left:30px;">企业人力资源系统</p>
            </div>
        	<div style="float:right;margin-top:13px;" id="title">
            	<ul style="">
                	<li>欢迎：</li>
                    <li>hanlu</li>
                    <li>部门：</li>
                    <li>人力资源部</li>
                    <li>职责：</li>
                    <li>人力资源部负责人</li>
                    <li><a href="#">退出</a></li>
                </ul>
            </div>
        	<div style="float:right;margin-top:30px;">
            	<p id="time" style="color:#0033FF;font-size:13px;margin-right:44px;margin-top:21px"></p>
            </div>
        </div>
    	<div style="width:200px; border:#FF0000 1px solid;height:1000px;float:left">
        	
        	<div id="L1">
            	<div id="L11">
                	
                	<dl id="dl1">
                    	<dt>我的工作平台<div class="dl1"><div class="dl11"></div></div></dt>
                        <dd><a href="#">待办列表</a></dd>
                        <dd>
                        	<ul>
                            	<li><a href="#">待办处理页面</a></li>
                            </ul>
                        </dd>
                        <dd><a href="#">修改密码</a></dd>
                    </dl>
                    
                </div>
                <div id="L12">
                	<dl id="dl2">
                    	<dt>系统设置<div class="dl1"><div class="dl11"></div></div></dt>
                        <dd><a href="#">组织结构设置</a></dd>
                        <dd><a href="#">用户管理</a></dd>
                        <dd><a href="#">职位设置</a></dd>
                        <dd><a href="#">职称设置</a></dd>
                        <dd><a href="#">题库管理设置</a></dd>
                        <dd><a href="#">公共属性设置</a></dd>
                        <dd><a href="#">薪酬项目设置</a></dd>
                    </dl>
                </div>
                <div id="L13">
                	<dl id="dl3">
                    	<dt>薪酬管理<div class="dl1"><div class="dl11"></div></div></dt>
                        <dd><a href="#">薪酬标准管理</a></dd>
                        <dd><a href="#">薪酬发放管理</a></dd>
                    </dl>
                </div>
                <div id="L14">
                	<dl id="dl4">
                    	<dt>人事管理<div class="dl1"><div class="dl11"></div></div></dt>
                        <dd><a href="#">人事档案管理</a></dd>
                    </dl>
                </div>
                <div id="L15">
                	<dl id="dl5">
                    	<dt>招聘管理<div class="dl1"><div class="dl11"></div></div></dt>
                        <dd><a href="#">职位发布管理</a></dd>
                        <dd><a href="#">简历管理</a></dd>
                        <dd><a href="#">面试管理</a></dd>
                        <dd><a href="#">录用管理</a></dd>
                    </dl>
                </div>
                <div id="L16">
                	<dl id="dl6">
                    	<dt>培训管理<div class="dl1"><div class="dl11"></div></div></dt>
                        <dd><a href="#">培训计划</a></dd>
                        <dd><a href="#">培训复核</a></dd>
                        <dd><a href="#">培训考核与反馈</a></dd>
                    </dl>
                </div>
                <div id="L17">
                	<dl id="dl7">
                    	<dt>数据分析<div class="dl1"><div class="dl11"></div></div></dt>
                        <dd><a href="#">职员明细表</a>
                        	
                        </dd>
                        <dd><a href="#">职员数据综合报表</a></dd>
                        <dd><a href="#">职员异动情况统计分析</a></dd>
                        <dd><a href="#">储备人才统计表</a></dd>
                        <dd><a href="#">公司各体系结构分析</a></dd>
                    </dl>
                </div>
            </div>
        </div>
        
    	<div id="h1" style="width:792px;float:left">
        	<div id="h11" style="width:782px;">
            	
            <div class="w">
          <div class="w1"><span>人事管理</span>>><span>人事档案管理</span>>><span>档案登记</span></div>
             <div class="w2">
                    <form action="" method="POST">
                        <table  height="800px" width="850px">
                           <tr>
                               <td>档案编码：</td>
                               <td><input type="text" name="name" size="20px"></td>
                               <td>档案状态：</td>
                               <td><select>
                                     <option>试用期</option>
                                     <option>正式员工</option>
                                     <option>转正</option>
                               </select></td>
                               <td colspan="2" rowspan="6" ><input class="photo" type="text" value="照片"></td>
                           </tr>
                           <tr>
                               <td>所属部门：</td>
                               <td><input type="text" name="name" size="20px"></td>
                               <td>职位编码：</td>
                               <td><input type="text" name="name" size="20px"></td>
                           </tr>
                           <tr>
                               <td>职位名称：</td>
                               <td><input type="text" name="name" size="20px"></td>
                               <td>性别：</td>
                               <td>
                                    <select>
                                     <option>男</option>
                                     <option>女</option>
                                     
                               </select>
                               </td>
                           </tr>
                           <tr>
                               <td>姓名：</td>
                               <td><input type="text" name="name" size="20px"></td>
                               <td>联系电话：</td>
                               <td><input type="text" name="name" size="10px"></td>
                           </tr>
                           <tr>
                               <td>EMAL:</td>
                               <td><input type="text" name="name" size="10px"></td>
                               <td></td>
                               <td></td>
                           </tr>
                           <tr>
                               <td>住址：</td>
                               <td colspan="3"><input type="text" size="55px"></td>
                               
                           </tr>
                           <tr>
                               <td>身份证号：</td>
                               <td><input type="text" size="20px"></td>
                               <td>户口所在地：</td>
                               <td><input type="text" size="10px"></td>
                               <td>政治面貌：</td>
                               <td><input type="text" size="10px"></td>
                           </tr>
                           <tr>
                               <td>毕业院校：</td>
                               <td><input type="text" size="20px"></td>
                               <td>专业：</td>
                               <td><input type="text" size="10px"></td>
                               <td>学历：</td>
                               <td><select>
                                     <option>本科</option>
                                     <option>大专</option>
                                     
                               </select></td>
                           </tr>
                           <tr>
                               <td>薪酬标准：</td>
                               <td><select>
                                     <option>本科</option>
                                     <option>大专</option>
                                     
                               </select></td>
                               <td>开户行:</td>
                               <td><input type="text" size="10px"></td>
                               <td>银行卡号：</td>
                               <td><input type="text" size="10px"></td>
                           </tr>
                           <tr>
                               <td>社保卡号：</td>
                               <td><input type="text" size="20px"></td>
                               <td>登记人:</td>
                               <td><input type="text" size="10px"></td>
                               <td>建档时间:</td>
                               <td><input type="date"></td>
                           </tr>
                           <tr>
                               <td>个人简历：</td>
                               <td colspan="5" class="area"><textarea name="textarea" id="textarea" cols="85" rows="3"></textarea></td>
                               
                           </tr>
                           <tr>			
                               <td >家庭关系信息：</td>
                               <td colspan="5" class="area1"><textarea name="textarea" id="textarea" cols="85" rows="3"></textarea></td>
                           </tr>
                           <tr>
                              <td>备注：</td>
                               <td colspan="5" class="area"><textarea name="textarea" id="textarea" cols="85" rows="3"></textarea></td>
                               </tr>
                               <tr>
                               <td>简历附件：</td>
                              
                               <td><input type="file"></td>
                               </tr>
                        </table>
                        
                        <div class="tijiao">
                           <span class="jiao"><a href="#" class="jiao">保存</a></span>
                          <span class="jiao"><a href="#" class="jiao">返回</a></span>
                            
                        </div>
                    </form>
             </div>
            </div>
            </div>
        </div>
    </div>
            
</body>
</html>
